
/*top第二部分*/
.up>div{
    height: 700px;
    width: 1920px;
    background-image: url("../img/i_banner.jpg");
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;

}
/*top第二部分第一行*/
.up>div>div>div:nth-child(1){
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    font-weight: bold;

}
.up>div>div>div:nth-child(2){
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 15px;
    padding: 15px;
    font-size: 22px;
    font-weight: bold;

}
.up>div>div>div:nth-child(3){
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}
/*寻求帮助*/
.up>div>div>div:nth-child(3)>div{
    width: 176px;
    height: 44px;
    background-color: rgb(166,139,95);
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}
.up>div>div>div:nth-child(3)>div:hover{
    cursor: pointer;
}
.middle>div{
       display: flex;
       justify-content: center;
       align-items: center;
        margin-bottom: 50px;
   }

/*第一部分，第一行*/
.middle>div:nth-child(1)>div:nth-child(1)>div:nth-child(1){
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    padding: 50px 0 5px 0;
}
.middle>div:nth-child(1)>div:nth-child(1)>div:nth-child(2){
    display: flex;
    justify-content: center;
    align-items: center;
    color: #C2C2C2;
    padding: 5px;
}


.middle>div:nth-child(1)>div:nth-child(1)>div:nth-child(3){
    display: flex;
    justify-content: center;
    padding: 10px;

}
.middle>div:nth-child(1)>div:nth-child(1)>div:nth-child(3)>div{
    width: 80px;
    border: 2px solid rgb(166,139,95);
}


/*第二部分，第一排图片*/
.middle>div:nth-child(2)>div>div:nth-child(1){
    display: flex;
    justify-content: center;
    font-size: 10px;
}
.middle>div:nth-child(2)>div>div:nth-child(1)>div>div{
    display: flex;
    justify-content: center;
}
.middle>div:nth-child(2)>div>div:nth-child(1)>div>div:nth-child(1){
    width: 100px;
    padding: 10px;
}
.middle>div:nth-child(2)>div>div:nth-child(1)>div{
    margin: 20px 80px 20px 80px;

}
/*图*/
.middle>div:nth-child(2)>div>div:nth-child(1)>div:nth-child(1)>div:nth-child(1):hover{
    cursor: pointer;
    content: url('../img/a2.png');
}
/*字*/
.middle>div:nth-child(2)>div>div:nth-child(1)>div:nth-child(1)>div:nth-child(2):hover{
    cursor: pointer;
}
.middle>div:nth-child(2)>div>div:nth-child(1)>div:nth-child(2)>div:nth-child(1):hover{
    cursor: pointer;
    content: url('../img/b2.png');
}
.middle>div:nth-child(2)>div>div:nth-child(1)>div:nth-child(2)>div:nth-child(2):hover{
    cursor: pointer;
}
.middle>div:nth-child(2)>div>div:nth-child(1)>div:nth-child(3)>div:nth-child(1):hover{
    cursor: pointer;
    content: url('../img/c2.png');
}
.middle>div:nth-child(2)>div>div:nth-child(1)>div:nth-child(3)>div:nth-child(2):hover{
    cursor: pointer;
}

.middle>div:nth-child(2)>div>div:nth-child(2){
    display: flex;
    justify-content: center;
    font-size: 10px;
}
.middle>div:nth-child(2)>div>div:nth-child(2)>div>div{
    display: flex;
    justify-content: center;
}
.middle>div:nth-child(2)>div>div:nth-child(2){
    display: flex;
    justify-content: center;
}
.middle>div:nth-child(2)>div>div:nth-child(2)>div>div:nth-child(1){
    width: 100px;
    padding: 10px;
}
.middle>div:nth-child(2)>div>div:nth-child(2)>div{
    margin: 20px 80px 20px 80px;

}



.middle>div:nth-child(2)>div>div:nth-child(2)>div:nth-child(1)>div:nth-child(1):hover{
    cursor: pointer;
    content: url('../img/d2.png');
}
.middle>div:nth-child(2)>div>div:nth-child(2)>div:nth-child(1)>div:nth-child(2):hover{
    cursor: pointer;
}
.middle>div:nth-child(2)>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(1):hover{
    cursor: pointer;
    content: url('../img/e2.png');
}
.middle>div:nth-child(2)>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(2):hover{
    cursor: pointer;
}
.middle>div:nth-child(2)>div>div:nth-child(2)>div:nth-child(3)>div:nth-child(1):hover{
    cursor: pointer;
    content: url('../img/f2.png');
}
.middle>div:nth-child(2)>div>div:nth-child(2)>div:nth-child(3)>div:nth-child(2):hover{
    cursor: pointer;
}

/*专业实力与您共同见证部分*/
.middle>div:nth-child(3){
    height: 500px;
    width: 1920px;
    background-image: url("../img/youshi_vvgu.jpg");
    margin-top: 50px;
}

.middle>div:nth-child(3)>div>div:nth-child(1){
     color: white;
     font-size: 30px;
    display: flex;
    justify-content: center;
 }
.middle>div:nth-child(3)>div>div:nth-child(2){
    display: flex;
    justify-content: center;
}
.middle>div:nth-child(3)>div>div:nth-child(2)>div{
    width: 80px;
    border: 2px solid rgb(166,139,95);
    margin: 10px;
}

/*数字部分*/
.middle>div:nth-child(3)>div>div:nth-child(3){
    display: flex;
    justify-content: center;

}
.middle>div:nth-child(3)>div>div:nth-child(3)>div{
    padding: 100px 50px 0 50px;
}
/*6980+*/
.middle>div:nth-child(3)>div>div:nth-child(3)>div:nth-child(3)>div:nth-child(1){
      display: flex;
    justify-content: center;
     align-items: baseline;
  }
.middle>div:nth-child(3)>div>div:nth-child(3)>div:nth-child(3)>div:nth-child(1)>div:nth-child(2){
    font-size: 15px;
}
.middle>div:nth-child(3)>div>div:nth-child(3)>div:nth-child(4)>div:nth-child(1){
    display: flex;
    align-items: baseline;
}
.middle>div:nth-child(3)>div>div:nth-child(3)>div:nth-child(4)>div:nth-child(1)>div:nth-child(2){
    font-size: 15px;
}
.middle>div:nth-child(3)>div>div:nth-child(3)>div:nth-child(1)>div:nth-child(1){
    display: flex;
    justify-content: center;

}.middle>div:nth-child(3)>div>div:nth-child(3)>div:nth-child(2)>div:nth-child(1){
     display: flex;
     justify-content: center;

 }
.middle>div:nth-child(3)>div>div:nth-child(3)>div>div:nth-child(1) {
    font-size: 50px;
    color: rgb(166, 139, 95);
}

.middle>div:nth-child(3)>div>div:nth-child(3)>div:nth-child(1)>div:nth-child(2){
    color: white;

    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.middle>div:nth-child(3)>div>div:nth-child(3)>div:nth-child(2)>div:nth-child(2){
    color: white;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.middle>div:nth-child(3)>div>div:nth-child(3)>div:nth-child(3)>div:nth-child(2){
    color: white;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-right: 10px;
}
.middle>div:nth-child(3)>div>div:nth-child(3)>div:nth-child(4)>div:nth-child(2){
    color: white;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-right: 5px;
}
/*服务过的客户*/
.middle>div:nth-child(4){
      display: flex;
      justify-content: center;
    margin-top: 50px;
  }
.middle>div:nth-child(4)>div:nth-child(1){
    font-size: 30px;
}
.middle>div:nth-child(4)>div:nth-child(1)>div:nth-child(1){
    display: flex;
    justify-content: center;
}
.middle>div:nth-child(4)>div:nth-child(1)>div:nth-child(2){
    display: flex;
    justify-content: center;
}
.middle>div:nth-child(4)>div:nth-child(1)>div:nth-child(2)>div{
    width: 80px;
    border: 2px solid rgb(166,139,95);
    margin: 10px;
}
.middle>div:nth-child(4)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1){
     display: flex;
     justify-content: center;
 }
.middle>div:nth-child(4)>div:nth-child(1)>div:nth-child(3)>div:nth-child(2){
    display: flex;
    justify-content: center;
}
.middle>div:nth-child(4)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1)>div{
    margin: 20px 40px 20px 40px;
}
.middle>div:nth-child(4)>div:nth-child(1)>div:nth-child(3)>div:nth-child(2)>div{
    margin: 20px 40px 20px 40px;
}
/*资深律师团队*/
.middle>div:nth-child(5){
    height: 700px;
    width: 1920px;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url("../img/youshi_vvgu.jpg");
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.middle>div:nth-child(5)>div>div:nth-child(1){
    color: white;
    font-size: 30px;
    display: flex;
    justify-content: center;
}
.middle>div:nth-child(5)>div>div:nth-child(2){
    display: flex;
    justify-content: center;
}
.middle>div:nth-child(5)>div>div:nth-child(2)>div{
    width: 80px;
    border: 2px solid rgb(166,139,95);
    margin: 10px;
}
.middle>div:nth-child(5)>div>div:nth-child(3){
    display: flex;
    justify-content: space-between;
    width: 1100px;
}
.middle>div:nth-child(5)>div>div:nth-child(3)>div{
    height: 350px;
    width: 300px;
    background-color: white;
    margin-top: 100px;
}
.middle>div:nth-child(5)>div>div:nth-child(3)>div>div:nth-child(1){
    display: flex;
    justify-content: center;
}
.middle>div:nth-child(5)>div>div:nth-child(3)>div>div:nth-child(2){
    margin-top: 30px;
    color: #AC9911;
    display: flex;
    justify-content: center;
    font-weight: bold;
}
.middle>div:nth-child(5)>div>div:nth-child(3)>div>div:nth-child(3){
    margin-top: 10px;
    color: gray;
    display: flex;
    justify-content: center;


}
.middle>div:nth-child(5)>div>div:nth-child(3)>div>div:nth-child(4){
     margin-top: 10px;
     display: flex;
     font-size: 15px;

 }
.middle>div:nth-child(5)>div>div:nth-child(3)>div>div:nth-child(5){
    margin-top: 10px;
    display: flex;
    font-size: 15px;
}
/*最新资讯*/
.middle>div:nth-child(6){
     display: flex;
     justify-content: center;
     margin-top: 50px;
 }
.middle>div:nth-child(6)>div>div:nth-child(1){
    color: gray;
    font-size: 30px;
    display: flex;
    justify-content: center;
}
.middle>div:nth-child(6)>div>div:nth-child(2){
    display: flex;
    justify-content: center;
}
.middle>div:nth-child(6)>div>div:nth-child(2)>div{
    width: 80px;
    border: 2px solid rgb(166,139,95);
    margin: 10px;
}
.middle>div:nth-child(6)>div>div:nth-child(3){
    display: flex;
    justify-content: flex-start;
    margin-top: 50px;
    width: 1100px;
}
.middle>div:nth-child(6)>div>div:nth-child(3)>div{
    width: 300px;
    margin-right: 80px;
}
.middle>div:nth-child(6)>div>div:nth-child(3)>div>div:nth-child(2)>div:nth-child(1){
    color: gray;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: 10px;
}
.middle>div:nth-child(6)>div>div:nth-child(3)>div>div:nth-child(2)>div:nth-child(2){
    color: rgb(197,197,197);
    margin-top: 10px
}
.middle>div:nth-child(6)>div>div:nth-child(3)>div>div:nth-child(2)>div:nth-child(3){
    color: gray;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
}

